<template>
    <div class="wrapper">
        <text class="item">共计</text><text class="item color">{{order.allitems}}</text>
        <text class="item">种，</text><text class="item color">{{order.allnum}}</text>
        <text class="item">件商品，总额：</text><text class="total-money">{{order.allmoney | currency('¥')}}</text>
        <text class="item" v-if="order.freight > 0">（含运费{{order.freight | currency('¥')}}）</text>
        <text class="item" v-else>（包邮）</text>
    </div>
</template>
<style scoped>
    .wrapper {
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding-left: 30px;
        padding-right: 30px;
        height: 80px;
        background-color: #fff;
    }
    .item {
        font-size: 26px;
        color: #313131;
        font-family: msyhl;
    }
    .color {
        color: #e31336;
    }
    .total-money {
        font-size: 30px;
        color: #e31336;
        font-family: msyhl;
    }
</style>
<script>
    export default{
        props: {
            order: {
                type: Object,
                required: true
            }
        },
        data(){
            return{}
        }
    }
</script>
